<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>库存管理</title>
	</head>
	<link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <script type="text/javascript">
    	function jiancha(){
    		var a=parseInt(document.getElementById("yujingshu").value);
    		i=parseInt(document.getElementById("shebei").value)
    		var subNum = parseInt(document.getElementById("shebei"+i).innerHTML);
    			if(subNum<a)
    			{
    				document.getElementById("shebei"+i).style.backgroundColor='red';
    			}	
    	}
    </script>
	<body>
		<h1><b><font color="#99BBE8">库存预警</font></b></h3>
		<hr>
		<div  style="width: 95%;margin-left: auto;margin-right: auto;">
			<div style="width: 30%;float: left;height:45px;">
				<font color="#EB9316" size="4">请选择查询设备：</font>
				<select style="width: 100px;height: 20px;" id="shebei">
					<option value="0">请选择设备</option>
					<option  value="1">电脑</option>
					<option  value="2">打印机</option>
					<option  value="3">饮水机</option>
					<option  value="4">拖把</option>
					<option  value="5">垃圾桶</option>
					<option  value="6">订书机</option>
					<option  value="7">黑色签字笔</option>
					<option  value="8">水桶</option>
					<option  value="9">太阳灯管</option>
					<option  value="10">办公桌</option>
					<option  value="11">办公椅</option>
					<option  value="12">文件夹</option>
					<option  value="13">A4纸</option>
					<option  value="14">空调</option>
				</select>
			</div>
			<div style="width: 40%;float: left;height: 45px;">
				输入库存预警数:<input type="number" id="yujingshu" name="yujingshu" style="width: 100px;" />
			</div>
			<div style="width: 30%;float: left;height: 45px;">
				<div class="container-fluid">
					<div class="row-fluid">
						<div class="span12">
						<form class="form-search">
							<input class="input-medium search-query" type="text"  id="cxk"/> <button type="submit" class="btn" onclick="">查找</button>
						</form>
					</div>
				</div>
			</div>
			</div>
		</div>
		<table border="1" cellpadding="0" cellspacing="0" width="80%" align="center" >
			<tr>
				<td align="center" width="40%" height="15px">产品名称</td>
				<td align="center" width="30%">采购数量</td>
				<td align="center" width="30%">剩余库存</td>
			</tr>
			<tr id="hang1">
				<td align="center" width="40%" height="15px" id="cxk1">电脑</td>
				<td align="center" width="30%">100</td>
				<td align="center" width="30%" id="shebei1">7</td>
			</tr>
			<tr id="hang2">
				<td align="center" width="40%" height="15px" id="cxk2">打印机</td>
				<td align="center" width="30%">100</td>
				<td align="center" width="30%" id="shebei2">11</td>
			</tr>
			<tr id="hang3">
				<td align="center" width="40%" height="15px" id="cxk3">饮水机</td>
				<td align="center" width="30%">100</td>
				<td align="center" width="30%" id="shebei3">9</td>
			</tr>
			<tr id="hang4">
				<td align="center" width="40%" height="15px" id="cxk4">拖把</td>
				<td align="center" width="30%">100</td>
				<td align="center" width="30%" id="shebei4">2</td>
			</tr>
			<tr id="hang5">
				<td align="center" width="40%" height="15px" id="cxk5">垃圾桶</td>
				<td align="center" width="30%">100</td>
				<td align="center" width="30%" id="shebei5">6</td>
			</tr>
			<tr id="hang6">
				<td align="center" width="40%" height="15px" id="cxk6">订书机</td>
				<td align="center" width="30%">100</td>
				<td align="center" width="30%" id="shebei6">11</td>
			</tr>
			<tr id="hang7">
				<td align="center" width="40%" height="15px" id="cxk7">黑色签字笔</td>
				<td align="center" width="30%">100</td>
				<td align="center" width="30%" id="shebei7">4</td>
			</tr>
			<tr id="hang8">
				<td align="center" width="40%" height="15px" id="cxk8">水桶</td>
				<td align="center" width="30%">100</td>
				<td align="center" width="30%" id="shebei8">3</td>
			</tr>
			<tr id="hang9">
				<td align="center" width="40%" height="15px" id="cxk9">太阳灯管</td>
				<td align="center" width="30%">100</td>
				<td align="center" width="30%" id="shebei9">10</td>
			</tr>
			<tr id="hang10">
				<td align="center" width="40%" height="15px" id="cxk10">办公桌</td>
				<td align="center" width="30%">100</td>
				<td align="center" width="30%" id="shebei10">22</td>
			</tr>
			<tr id="hang11">
				<td align="center" width="40%" height="15px" id="cxk11">办公椅</td>
				<td align="center" width="30%">100</td>
				<td align="center" width="30%" id="shebei11">17</td>
			</tr>
			<tr id="hang12">
				<td align="center" width="40%" height="15px" id="cxk12">文件夹</td>
				<td align="center" width="30%">100</td>
				<td align="center" width="30%" id="shebei12">19</td>
			</tr>
			<tr id="hang13">
				<td align="center" width="40%" height="15px" id="cxk13">A4纸</td>
				<td align="center" width="30%">100</td>
				<td align="center" width="30%" id="shebei13">1</td>
			</tr>
			<tr id="hang14">
				<td align="center" width="40%" height="15px" id="cxk14">空调</td>
				<td align="center" width="30%">100</td>
				<td align="center" width="30%" id="shebei14">2</td>
			</tr>
			<tr><td colspan="3" height="50px" align="center">
				 <div class="container-fluid">
	<div class="row" align="center" >
		<div class="col-md-12">
			<ul class="pagination">
				<li>
					<a href="#">首页</a>
				</li>
				<li>
					<a href="#">1</a>
				</li>
				<li>
					<a href="#">2</a>
				</li>
				<li>
					<a href="#">3</a>
				</li>
				<li>
					<a href="#">4</a>
				</li>
				<li>
					<a href="#">5</a>
				</li>
				<li>
					<a href="#">下一页</a>
				</li>
			</ul>
		</div>
	</div>
</div>
			<input type="button" name="cha" id="cha" value="预警" style="width: 100px;" onclick="jiancha()" />
			</td></tr>
		</table>
		<script src="js/jquery.min.js"></script>
    	<script src="js/bootstrap.min.js"></script>
    	<script src="js/scripts.js"></script>
	</body>
</html>